<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>11列表渲染</title>
		<!-- <link rel="stylesheet" type="text/css" href="css/public.css"/> -->
		<script src="./js/vue.js " type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="lie">
			<ul>
				<li v-for="(p,index) in persons" :key="index">{{index+1}} {{p.name}} - {{p.age}}</li>
			</ul>
		</div>
		<script type="text/javascript">
			let lie = new Vue({
				el:"#lie",
				data:{
					persons:[
						{id:'01',name:'张三',age:12},
						{id:'02',name:'李四',age:15},
						{id:'03',name:'王五',age:16},
						{id:'04',name:'茅台',age:26},
					]
				}
			})
		</script>
	</body>
</html>
